<div class="detail-panel_heading">
    <a href="javascript:history.go(-1);void(0);" style="float:left"><i class="iconfont iconfont-prev"></i></a>
    <p class="detail-panel_title">申赎记录</p>
</div>
<div class="detail-panel_body">

    <ul class="timeline">
        <li>
            <div class="timeline-badge"><i class="glyphicon glyphicon-check"></i></div>
            <div class="timeline-panel">
                <div class="timeline-heading">
                    <h4 class="timeline-title">发起申请</h4>
                    <p>
                        <small class="text-muted"><i class="glyphicon glyphicon-time"></i>2017-10-19 11:19</small>
                    </p>
                </div>
                <div class="timeline-body">
                    <p>申购金额：1,000,000.</p>
                </div>
            </div>
        </li>
        <li class="timeline-inverted">
            <div class="timeline-badge warning"><i class="glyphicon glyphicon-credit-card"></i></div>
            <div class="timeline-panel">
                <div class="timeline-heading">
                    <h4 class="timeline-title">确认申请</h4>
                    <p>
                        <small class="text-muted"><i class="glyphicon glyphicon-time"></i>2017-10-20 08:19</small>
                    </p>
                </div>
                <div class="timeline-body">
                    <p>管理员xxx受理申购请求</p>
                </div>
            </div>
        </li>
        <li>
            <div class="timeline-badge danger"><i class="glyphicon glyphicon-credit-card"></i></div>
            <div class="timeline-panel">
                <div class="timeline-heading">
                    <h4 class="timeline-title">确认到账</h4>
                    <p>
                        <small class="text-muted"><i class="glyphicon glyphicon-time"></i>2017-10-20 09:19</small>
                    </p>
                </div>
                <div class="timeline-body">
                    <p>管理员xxx确认到账</p>
                </div>
            </div>
        </li>
        <li class="timeline-inverted">
            <div class="timeline-badge info"><i class="glyphicon glyphicon-credit-card"></i></div>
            <div class="timeline-panel">
                <div class="timeline-heading">
                    <h4 class="timeline-title">冷静期回访</h4>
                    <p>
                        <small class="text-muted"><i class="glyphicon glyphicon-time"></i>2017-10-21 09:19</small>
                    </p>
                </div>
                <div class="timeline-body">
                    <p>管理员xxx进行回访确认</p>
                </div>
            </div>
        </li>
        <li>
            <div class="timeline-badge success"><i class="glyphicon glyphicon-floppy-disk"></i></div>
            <div class="timeline-panel">
                <div class="timeline-heading">
                    <h4 class="timeline-title">确认购买</h4>
                    <p>
                        <small class="text-muted"><i class="glyphicon glyphicon-time"></i>2017-10-21 09:19</small>
                    </p>
                </div>
                <div class="timeline-body">
                    <p>合同结束，申购成功</p>
                </div>
            </div>
        </li>
    </ul>
</div>